<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/lib/layui-v2.5.5/css/layui.css}" media="all">
    <script type="text/javascript" th:src="@{/lib/layui-v2.5.5/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/js/vue.js}"></script>
</head>



<body>
<div id = "app">
    {{msg}}
</div>
<div id="mainBox">
    <div id="top">
        <div id="toplogin"></div>
        <div id="topleft">
            <form action="" method="post">
                <div id="suo">
                    <div class="topl">
                        <input type="text" name="content" />
                    </div>
                    <div class="topr">
                        <a class="layui-icon layui-icon-search"></a>
                        <input type="submit" value="搜索">
                    </div>
                </div>
            </form>
        </div>
        <div id="topright">
            <p><a ><i class="layui-icon layui-icon-cart" ></i>我的购物车</a></p>
        </div>
    </div>
    <div id="box" style="display: flex;">
        <div class="imgbox">
            <img th:src="${goods.getImg()}" style="width:340px; height:350px;">
        </div>
        <div class="detail">
            <h1 th:text="${goods.getTitle()}"></h1>
            <a th:text="${goods.getOldPrice()}"></a>
            <a th:text="${goods.getPrice()}"></a>
            <a th:text="${goods.getCount()}"></a>
        </div>
    </div>
</div>

</body>
<script type="text/javascript">
    var vm = new Vue({
        el:"#app",

        data:{
            msg: 'Hell'
        },
    })
</script>
</html>